<template>
  <!-- 声音剧 -->
  <div class="loud-voice">
    <!-- 轮播图 -->
    <carousel />
    <!-- 本周限免 -->
    <week-limit-of-free />
    <!-- 每日珍藏卡片 -->
    <daily-prestige-card />
    <!-- 「了不起」系列声音剧合集 -->
    <sound-play-collection />
    <!-- 好剧推荐 -->
    <good-tv />
    <!-- 彩蛋时刻 -->
    <eggs-moment />
    <!-- 惊喜尝鲜·  -->
    <surprise-early-adopters />
    <!-- 周边商城 -->
    <around-the-mall />
    <!-- 官方账号 -->
    <official-account />
  </div>
</template>

<script>
import Carousel from "@/components/LoudVoice/Carousel.vue";
import WeekLimitOfFree from "@/components/LoudVoice/WeekLimitOfFree.vue";
import DailyPrestigeCard from "@/components/LoudVoice/DailyPrestigeCard.vue";
import SoundPlayCollection from "@/components/LoudVoice/SoundPlayCollection.vue";
import GoodTv from "@/components/LoudVoice/GoodTv.vue";
import EggsMoment from "@/components/LoudVoice/EggsMoment.vue";
import SurpriseEarlyAdopters from "@/components/LoudVoice/SurpriseEarlyAdopters.vue";
import AroundTheMall from "@/components/LoudVoice/AroundTheMall.vue";
import OfficialAccount from "@/components/LoudVoice/OfficialAccount.vue";
export default {
  components: {
    Carousel,
    WeekLimitOfFree,
    DailyPrestigeCard,
    SoundPlayCollection,
    GoodTv,
    EggsMoment,
    SurpriseEarlyAdopters,
    AroundTheMall,
    OfficialAccount,
  },
  setup() {},
};
</script>

<style lang="less" scoped>
.loud-voice {
  padding: 0 13px;
}
</style>
